<script setup>

 import  {useRouter} from 'vue-router'


const router = useRouter();

  const hanleLogin = ()=>{

     router.push('/');
  }

</script>

<template>

<div class="container">



     <el-form label-width="80px">
         <el-form-item label="用户名" >
             <el-input></el-input>
         </el-form-item>

       <el-form-item label="密码" >
         <el-input></el-input>
       </el-form-item>

       <el-form-item  >
         <el-row>
           <el-col :offset="12">
             <el-button type="primary" @click="hanleLogin">登录</el-button> <el-button type="info">取消</el-button>
           </el-col>
         </el-row>


       </el-form-item>
     </el-form>


</div>

</template>

<style scoped>
  .container {
    width: 580px;
    border:1px solid;
  }


</style>
